<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>layabox新闻动态</title>
		<!--引入样式-->
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<!--引入公共样式-->
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
		<!--引入game页面样式-->
		<link rel="stylesheet" type="text/css" href="css/news.css"/>
	</head>
	<body>
		
		<!--导航栏-->
		  <nav class="navbar navbar-default ">
      <div class="container">
      	<!--移动端才会出现的logo和菜单按钮-->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="index.html"><img src="img/logo.png"/></a>
        </div>
        
        	<!--平板端以上的横向导航-->
        <div id="navbar" class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            <li><a href="index.html">首页</a></li>
            <li><a href="family.html">laya家族</a></li>
            <li ><a href="game.html">游戏</a></li>
           <li class="active"><a href="news.html">新闻中心</a></li>
            <li><a href="about.html">关于我们</a></li>
          </ul>
          
          <!--
          	右侧切换语言按钮
          -->
          <ul class="nav navbar-nav navbar-right">
           <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">language <span class="caret"></span></a>
              <ul class="dropdown-menu">
                <li><a href="#">中文</a></li>
                <li><a href="#">English</a></li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </nav>

<section>
	<div class="picture-show">
		<div class="container">
			<div class="row">
				<div class="col-xs-12 news1">
					<p>新闻动态</p>
				</div>
				
			</div>
			
			<div class="row">
				<div class="col-xs-4 col-sm-4 col-md-4 news1-img1">
					<a class="news1-img" href="#"><img  src="img/news_1.png" /></a>
				</div>
				<div class="col-xs-4  col-sm-4 col-md-4  news1-img1">
					<a class="news1-img" href="#"><img  src="img/news_2.png"/></a>
				</div>
				<div class="col-xs-4 col-sm-4 col-md-4   news1-img1">
					<a class="news1-img" href="#"><img  src="img/news_3.png"/></a>
				</div>
			</div>
		</div>
	</div>
</section>
	

	<section class="news-content">
			<div class="container">
				<div class="row news-list-group">
					<div class="news-img col-md-3 col-sm-4 col-xs-4 text-center" style="padding-top: 8px;">
						<div class="thumbnail">
							<a href="#"><img src="img/news_1.png" alt="Layabox荣膺“2015年度最佳引擎奖”" class="img-hover img-responsive"></a>
						</div>
					</div>
					<div class="col-md-9 col-sm-8  col-xs-8">
						<div class="caption">

							<h4>  <a href="#"  class="news-title-item">Layabox荣膺“2015年度最佳引擎奖”   </a></h4>
							<p class="date">2016-01-07</p>
							<p class="news-des hidden-xs">
								HTML5梦工场举办的”娜喊杯”2015 HTML5年度颁奖盛典于2016年1月7日在北京古北水镇成功举行。Layabox凭借2015年唯一拥有大型HTML5游戏线上产品的商业引擎供应商优势，荣膺“2015年度最佳引擎奖”。 </p>
							<p class="news-detail hidden-xs">
								<span class="view-details"> <a href="#" >查看详情</a></span>
							</p>

						</div>
					</div>
				</div>
				<div class="row news-list-group">
					<div class="news-img col-md-3 col-sm-4 col-xs-4 text-center" style="padding-top: 8px;">
						<div class="thumbnail">
							<a href="#" ><img src="img/news-1.png" alt="Layabox本月将上线四款大型HTML5游戏" class="img-hover img-responsive"></a>
						</div>
					</div>
					<div class="col-md-9 col-sm-8  col-xs-8">
						<div class="caption">

							<h4>  <a href="#"  class="news-title-item">Layabox本月将上线四款大型HTML5游戏   </a></h4>
							<p class="date">2015-12-10</p>
							<p class="news-des hidden-xs">
								Layabox一直致力于大型HTML5引擎技术研发和CP培育，从本月开始，将不断推出大型HTML5游戏，我们希望用自己的努力，提升玩家和渠道对HTML5游戏品质以及盈利能力的信心，推动产业的发展和升级。 </p>
							<p class="news-detail hidden-xs">
								<span class="view-details"> <a href="#">查看详情</a></span>
							</p>

						</div>
					</div>
				</div>
				<div class="row news-list-group">
					<div class="news-img col-md-3 col-sm-4 col-xs-4 text-center" style="padding-top: 8px;">
						<div class="thumbnail">
							<a href="#" ><img src="img/news-2.png" alt="关于HTML5游戏跨界合作的几个切入点！" class="img-hover img-responsive"></a>
						</div>
					</div>
					<div class="col-md-9 col-sm-8  col-xs-8">
						<div class="caption">

							<h4>  <a href="#" class="news-title-item">关于HTML5游戏跨界合作的几个切入点！   </a></h4>
							<p class="date">2015-12-02</p>
							<p class="news-des hidden-xs">
								要想在当前阶段先跳出来成为瞩目的明星企业。一是制作高品质游戏，兼顾APP与H5市场；二是要深度结合H5技术的无需下载、即点即玩、易传播、跨平台、应用领域广泛等属性 </p>
							<p class="news-detail hidden-xs">
								<span class="view-details"> <a href="#">查看详情</a></span>
							</p>

						</div>
					</div>
				</div>
				<div class="row news-list-group">
					<div class="news-img col-md-3 col-sm-4 col-xs-4 text-center" style="padding-top: 8px;">
						<div class="thumbnail">
							<a href="#" ><img src="img/news-3.png" alt="HTML5行业首次出席中日韩政府级开源论坛" class="img-hover img-responsive"></a>
						</div>
					</div>
					<div class="col-md-9 col-sm-8  col-xs-8">
						<div class="caption">

							<h4>  <a href="#"  class="news-title-item">HTML5行业首次出席中日韩政府级开源论坛   </a></h4>
							<p class="date">2015-11-26</p>
							<p class="news-des hidden-xs">
								第十四届东北亚开源软件推进论坛在日本东京举行,本次会议由中日韩三国行业主管部门组织。这是HTML5行业代表首次出市出席东北亚开源软件推进论坛。 </p>
							<p class="news-detail hidden-xs">
								<span class="view-details"> <a href="#">查看详情</a></span>
							</p>

						</div>
					</div>
				</div>
				<div class="row news-list-group">
					<div class="news-img col-md-3 col-sm-4 col-xs-4 text-center" style="padding-top: 8px;">
						<div class="thumbnail">
							<a href="#" ><img src="img/news-9.jpg" class="img-hover img-responsive"></a>
						</div>
					</div>
					<div class="col-md-9 col-sm-8  col-xs-8">
						<div class="caption">

							<h4>  <a href="#"  class="news-title-item">Layabox引擎用HTML5还原3D端游   </a></h4>
							<p class="date">2015-11-23</p>
							<p class="news-des hidden-xs">
								老牌游戏研发商中娱正在用Layabox引擎将著名3D 端游《猎刃》还原到HTML5场景中，Layabox有望成为首个拥有重度3D游戏产品案例的HTML5游戏引擎。 </p>
							<p class="news-detail hidden-xs">
								<span class="view-details"> <a href="#" >查看详情</a></span>
							</p>

						</div>
					</div>
				</div>
				<div class="row news-list-group">
					<div class="news-img col-md-3 col-sm-4 col-xs-4 text-center" style="padding-top: 8px;">
						<div class="thumbnail">
							<a href="#" ><img src="img/news-4.jpg" alt="Layabox：LayaFlash引擎开发工具进入2.0时代" class="img-hover img-responsive"></a>
						</div>
					</div>
					<div class="col-md-9 col-sm-8  col-xs-8">
						<div class="caption">

							<h4>  <a href="#" class="news-title-item">Layabox：LayaFlash引擎开发工具进入2.0时代   </a></h4>
							<p class="date">2015-11-14</p>
							<p class="news-des hidden-xs">
								LayaFlash IDE进行了重大升级更新，无需安装第三方浏览器，直接集成了WEB浏览器功能、开发者调试功能，以及项目编译、资源转换、项目混淆与压缩、在线教程文档、在线问答社区等功能。 </p>
							<p class="news-detail hidden-xs">
								<span class="view-details"> <a href="#">查看详情</a></span>
							</p>

						</div>
					</div>
				</div>
				<div class="row news-list-group">
					<div class="news-img col-md-3 col-sm-4 col-xs-4 text-center" style="padding-top: 8px;">
						<div class="thumbnail">
							<a href="#"><img src="img/news-5.jpg" alt="Layabox开发者中心正式开放" class="img-hover img-responsive"></a>
						</div>
					</div>
					<div class="col-md-9 col-sm-8  col-xs-8">
						<div class="caption">

							<h4>  <a href="#"  class="news-title-item">Layabox开发者中心正式开放   </a></h4>
							<p class="date">2015-11-13</p>
							<p class="news-des hidden-xs">
								Laya Dev Center(Laya开发者中心)从新手入门、高手进阶、Flash转换HTML5、MornUI编辑器框架、产品对接、FAQ各个环节逐一讲解。开发者仅需两三个小时，即可掌握LayaFlash引擎框架的开发规则。 </p>
							<p class="news-detail hidden-xs">
								<span class="view-details"> <a href="#">查看详情</a></span>
							</p>

						</div>
					</div>
				</div>
				<div class="row news-list-group">
					<div class="news-img col-md-3 col-sm-4 col-xs-4 text-center" style="padding-top: 8px;">
						<div class="thumbnail">
							<a href="#" ><img src="img/news-6.jpg" alt="重度H5游戏猎刃2登陆QQ玩吧 次留超36%" class="img-hover img-responsive"></a>
						</div>
					</div>
					<div class="col-md-9 col-sm-8  col-xs-8">
						<div class="caption">

							<h4>  <a href="#"  class="news-title-item">重度H5游戏猎刃2登陆QQ玩吧 次留超36%   </a></h4>
							<p class="date">2015-10-24</p>
							<p class="news-des hidden-xs">
								《猎刃2》次留数据再创新高，玩吧平台中达到36 82%。这款用Layabox引擎研发的重度HTML5游戏，再次用数据实例证明，高品质大型重度游戏在HTML5领域同样会受到广大玩家的喜爱。 </p>
							<p class="news-detail hidden-xs">
								<span class="view-details"> <a href="#" >查看详情</a></span>
							</p>

						</div>
					</div>
				</div>
				<div class="row news-list-group">
					<div class="news-img col-md-3 col-sm-4 col-xs-4 text-center" style="padding-top: 8px;">
						<div class="thumbnail">
							<a href="#" ><img src="img/news-7.jpg" alt="LayaFlash发布V1.4.0 解决杀毒软件误报问题" class="img-hover img-responsive"></a>
						</div>
					</div>
					<div class="col-md-9 col-sm-8  col-xs-8">
						<div class="caption">

							<h4>  <a href="#"  class="news-title-item">LayaFlash发布V1.4.0 解决杀毒软件误报问题   </a></h4>
							<p class="date">2015-10-18</p>
							<p class="news-des hidden-xs">
								LayaFlash V1 4 0版本 将彻底解决部分杀毒软件将LayaFlash安装版视为病毒的误报问题。 </p>
							<p class="news-detail hidden-xs">
								<span class="view-details"> <a href="#">查看详情</a></span>
							</p>

						</div>
					</div>
				</div>
				<div class="row">
					<div class="container">
						<div class="col-md-12">
							<div class="news-line"></div>
						</div>
					</div>
				</div>

				<div class="row">
					<div class="col-md-12">
						<nav class="news-page">
							<ul class="pagination">
								<li><a class="a1">32条</a></li>
								<li> <a href="#" class="a1">上一页</a></li>
								<li> <span>1</span></li>
								<li><a href="#">2</a></li>
								<li><a href="#">3</a></li>
								<li><a href="#">4</a> </li>
								<li><a href="#" class="a1">下一页</a></li>
							</ul>
						</nav>

					</div>
				</div>

			</div>
		</section>	
		
<footer>
	<div class="container" style="overflow: visible">
	<div class="row">
	<div class="col-md-8 col-sm-8 col-xs-12">
		<div class="contact">
		<ul>
		<li><a href="about.html">公司简介</a></li>
		<li><a href="about.html#contact">联系方式</a></li>
		<li><a href="about.html#zhaopin">人才招聘</a></li>
		</ul>
		</div>
		<div class="copyright">
		<p>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1
		</p>
		</div>
		</div>
		<div class="col-md-4 col-sm-4 col-xs-12 hidden-xs">
		<div class="footer1">
				<div class="footer-tool">
					<div class="footer-email"> <img src="img/foot_email.png" alt="" height="50" width="50"> </div>
						<a href="#" class="weixin"></a>
						<div class="footer-wx"> <img src="img/foot_weixin.png" alt="" height="50" width="50"><img class="qrcode" src="img/wxcode.png" alt="微信二维码"> </div>
						<a href="#" class="qq"></a>
						<div class="footer-qq"> <img src="img/foot_qq.png" alt="" height="50" width="50"> </div>
						</div>
						</div>
					</div>

				</div>
			</div>
		</footer>
   <!--引入jQ-->
		<script type="text/javascript" src="js/jquery-2.1.0.js"></script>
		<!--引入js-->
		<script type="text/javascript" src="js/bootstrap.js" ></script>    
	</body>
</html>

